import {Component, OnInit, Output, EventEmitter, Input} from "@angular/core";
import {CONSTANT} from "../../service/constant.service";
import {TitleCpt} from "../../lib/title/title.component";

@Component({
  selector: 'app-about-view',
  templateUrl: './about-view.component.html',
  styleUrls: ['./about-view.component.scss']
})
export class AboutViewComponent implements OnInit {

  static defaultItems = [
    {
      name: '公司简介',
      icon: 'wficon-company',
    },
    {
      name: '企业文化',
      icon: 'wficon-corporate-culture',
    },
    {
      name: '核心优势',
      icon: 'wficon-advantage',
    },
    {
      name: '加入我们',
      icon: 'wficon-join-us',
    },
  ];

  msg: any = '上海青果公寓开发管理有限公司隶属于星辰建设集团。星辰建设集团起源于2003年5月，' +
    '由原中国五冶建安工程公司改制，经过多年艰苦创业发展，目前主要涉及五大产业板块' +
    '房地产开发、建设板块、投资板块、劳务服务以及物业管理板块。今年，在市场需求以及政府' +
    '政策支持的双重作用下，公司决定已开辟新的业务领域——公寓服务业，青果公寓开发管理有限公司' +
    '由此孕育而生。';

  items: any = AboutViewComponent.defaultItems;
  currentTabIndex: number = 0;

  contents: any = [
    {
      name: '龚一平',
      title: '董事长',
      content: '西安建筑科技大学兼职教授，上海校友会名誉会长，教授级工程师' +
      '龚一平先生曾先后任职上海宝钢冶金建设公司副总经理，中国五冶副总经理。' +
      '曾获国家级科技进步奖、上海市优秀企业家称号。现任上海置沪房地产开发有' +
      '限公司董事长，星辰建设工程有限公司董事长，青果寓董事长等职。',
      imgUrl: 'assets/images/about-view/president-portrait.jpg'
    }
  ];

  cores: any = [
    {
      imgUrl: 'assets/images/ggq01.jpg',
      isCoreValueModel: true
    }
  ];

  advantages: any = [
    {
      title: '公司资历',
      upIcon: 'wfwficon-advantage_up',
      downIcon: 'wfwficon-advantage_down',
      keyword: '雄厚',
      keywordColor: '#E66967',
      content: '成为公寓服务领域的一流企业，以便专业、具有市场竞争力的公寓产品立足于公寓服务领域。' +
      '成为公寓服务领域的一流企业，以便专业、具有市场竞争力的公寓产品立足于公寓服务领域。' +
      '成为公寓服务领域的一流企业，以便专业、具有市场竞争力的公寓产品立足于公寓服务领域' +
      '成为公寓服务领域的一流企业，以便专业、具有市场竞争力的公寓产品立足于公寓服务领域',
      left: 0
    },
    {
      title: '社会资源',
      upIcon: 'wfwficon-advantage_up',
      downIcon: 'wfwficon-advantage_down',
      keyword: '丰富',
      keywordColor: '#88c87f',
      content: '成为公寓服务领域的一流企业，以便专业、具有市场竞争力的公寓产品立足于公寓服务领域。' +
      '成为公寓服务领域的一流企业，以便专业、具有市场竞争力的公寓产品立足于公寓服务领域。' +
      '成为公寓服务领域的一流企业，以便专业、具有市场竞争力的公寓产品立足于公寓服务领域' +
      '成为公寓服务领域的一流企业，以便专业、具有市场竞争力的公寓产品立足于公寓服务领域',
      left: '300px'
    },
    {
      title: '精英团队',
      upIcon: 'wfwficon-advantage_up',
      downIcon: 'wfwficon-advantage_down',
      keyword: '支持',
      keywordColor: '#56b9c6',
      content: '成为公寓服务领域的一流企业，以便专业、具有市场竞争力的公寓产品立足于公寓服务领域。' +
      '成为公寓服务领域的一流企业，以便专业、具有市场竞争力的公寓产品立足于公寓服务领域。' +
      '成为公寓服务领域的一流企业，以便专业、具有市场竞争力的公寓产品立足于公寓服务领域。',
      left: '600px'
    },
    {
      title: '物业经验',
      upIcon: 'wfwficon-advantage_up',
      downIcon: 'wfwficon-advantage_down',
      keyword: '成熟',
      keywordColor: '#fab700',
      content: '成为公寓服务领域的一流企业，以便专业、具有市场竞争力的公寓产品立足于公寓服务领域。' +
      '成为公寓服务领域的一流企业，以便专业、具有市场竞争力的公寓产品立足于公寓服务领域。' +
      '成为公寓服务领域的一流企业，以便专业、具有市场竞争力的公寓产品立足于公寓服务领域。',
      left: '900px'
    }
  ];

  recruitItems: any = [
    {id:0, name: '市场', isActive: true},
    {id:1, name: '运营', isActive: false},
    {id:2, name: '平面设计', isActive: false},
    {id:3, name: 'UI设计师', isActive: false},
    {id:4, name: '平面设计', isActive: false}
  ];

  aboutViewTitleCptList:Array<TitleCpt> = this.constant.genAboutTitleCptList();
  constructor(private constant:CONSTANT) {

  }

  ngOnInit() {

  }
  index:number = 0;

  toggle(item: any,) {
    for (let i = 0; i < this.recruitItems.length; i++) {
      this.recruitItems[i].isActive = false;
      item.isActive = true;
    }
  }
}
